草庐IT

Flutter list.builder 不滚动

全部标签

javascript - 如何禁用页面的滚动条?

如何禁用页面的滚动条。并禁用此按钮。 最佳答案 滚动条是一个CSS问题。您可以将其添加到您的页面(或CSS文件的内部部分):html,body{overflow:hidden;} 关于javascript-如何禁用页面的滚动条?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3611379/

javascript - IFrame 中 ExtJS 5 应用程序的滚动问题

你好,这是我的测试页面的样子:蓝色区域是父页面,绿色区域是运行ExtJS应用程序的IFrame(内部带有标签的简单视口(viewport))。如果网站在触摸设备(iPad、Android平板电脑等)上运行,则无法通过在IFrame(绿色区域)上“删除”来滚动页面。必须删除蓝色区域才能滚动页面。这在ExtJSv4.2.1中一直正常工作(见下面的链接)。测试站点:https://skaface.leo.uberspace.de/ScrollTest/Ext510/(未按预期工作,使用ExtJSv5.1.1)https://skaface.leo.uberspace.de/ScrollTes

javascript - 动态禁用 SVG 元素的触摸操作(过度滚动)

我在Chrome上遇到触摸屏过度滚动的问题。我有一个包含SVG元素的文档,其中包含一些形状,比如一个矩形:现在,我想使矩形可拖动,这意味着我想禁用相应上的各种触摸操作。元素,通过设置它的样式属性touch-action:none.这在除Chrome之外的所有桌面浏览器上都能正常工作。在Chrome上,当我在一个矩形上触摸并移动时,浏览器的过度滚动功能会启动。这会导致浏览器窗口笨拙地移动,以及我在矩形上设置的所有指针事件都被取消。即pointermove注册几分之一秒,然后在过度滚动开始时停止。pointerup即使在触摸被释放时也不会被调用。现在,如果我有一个HTML元素而不是SVG元

javascript - 始终滚动 div 元素而不是页面本身

我有一个内部的页面布局包含页面上重要内容的元素。关于设计的重要部分是:#content{height:300px;width:500px;overflow:scroll;}现在,当包含的文本大于300像素时,我需要能够滚动它。是否可以滚动,即使鼠标没有悬停在元素上(箭头键也应该有效)?请注意,我不想禁用“全局”滚动:页面上应该有两个滚动条,全局滚动条和的滚动条|.唯一改变的是内部应该始终滚动,除非它不能再移动(在这种情况下页面应该开始滚动)。这有可能以某种方式实现吗?编辑我认为这个问题有点令人困惑,所以我将附加一个我希望它如何工作的序列。(Khez已经提供了概念验证。)第一张图片是页面

javascript - 防止滚动冒泡

如何防止滚动冒泡?以下示例无效:ScrollBubbling#menu{width:80px;height:150px;background:red;overflow:auto;}functionisScrollOnBound(scrollContainer){if($(scrollContainer).scrollTop()===0||$(scrollContainer).scrollTop()+$(scrollContainer).innerHeight()>=$(scrollContainer)[0].scrollHeight){returntrue;}else{returnfa

javascript - 像图像滚动一样的谷歌地图

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我想构建一个像谷歌地图一样工作的图像滚动器。当网站首次加载时,页面中间会出现一个包含部分图像的查看框。用户可以单击并拖动图像(即滚动)来检查图像的其他区域。如果用户碰巧滚动到图像的边界之外,该框将加载相邻的图像。我还想用标记覆盖这些图像

javascript - jQuery 在悬停时打开 div;自动滚动

我有一个UL列表,里面有几个链接,每个项目都链接到它自己的DIV。当用户将鼠标悬停在UL链接上时,会显示正确的DIV框。这是我的HTML代码:Link1Link2Link3Somethinggoeshere1Somethinggoeshere2Somethinggoeshere3以及让它工作的JavaScript(不是JavaScript专家,抱歉):$(function(){var$boxes=$('.boxlink');$('.productlist.product-link').mouseover(function(){$boxes.hide().filter('#box'+th

javascript - javascript 中可滚动区域/div 的增量单位?

在javascript中,我可以确保我的大div垂直滚动吗仅以(比方说)16像素为单位在java中,这些被称为“增量单位”。我在javascript中找不到任何类似的东西:我想确保部分滚动时某个区域(div)始终是View16的倍数。这让我可以对背景图片和其他图片进行处理。谢谢 最佳答案 varlastScroll=0;$('div').scroll(function(){varel=$(this),scroll=el.scrollTop(),round=lastScrollhttp://jsfiddle.net/m9DQR/2/确

javascript - 在组件安装之前 react 设置滚动位置

我有下面的react组件,它本质上是一个聊天框render(){constmessages=this.props.messages;return({this.props.project[0].project}{messages.map((message)=>{return()})}Submit)}我遇到的问题是聊天消息框从容器的最顶部开始(滚动位置从顶部开始)。我希望滚动位置像普通聊天室一样位于底部。所以我尝试这样做:componentDidMount(){this.refs.messages.scrollTop=this.refs.messages.scrollHeight}这在组件

javascript - 防止水平滚动页面导航

我使用的是mac触控板。如何防止页面在水平滚动时返回到访问过的页面旁边?。我试图阻止车轮事件,但大部分时间都不起作用。container.addEventListener('wheel',function(ev){ev.preventDefault();ev.stopPropagation();returnfalse;},{passive:false,capture:true});即使我尝试使用mousewheel事件进行阻止,这也会导致页面导航。 最佳答案 它与网页及其事件无关;这是特定的系统行为,我不认为它可以从javascri